.noBtns {
    .detailOutter {
        height: 100% !important;
    }
    .btns{
    	height: 0 !important
    }
}

.hrm-payroll {
    height: 100%;

    background: #fff;

    .greyBg {
        background: #eee;
    }

    .large-width {
        min-width: 200px !important;
    }

    .btns {
        height: 47px;

        &>a {
            display: inline-block;
        }

        &>a:first-child {
            border-right: 1px solid;
        }

    }

    .detailOutter {
        height: calc(~"100% - 47px");
        overflow-y: auto;


        .payroll-detail {
            display: flex;
            flex-direction: column;
            padding: 0 10px;

            .img {
                margin-top: 10px;
                border: 1px solid #E4E4E4;
            }

            .detail-wrap {
                margin-top: 10px;
                padding-bottom: 10px;

                .detail {
                    display: flex;
                    flex-direction: column;

                    width: 100%;
                    overflow-x: auto;

                    .detail-item {
                        display: flex;

                        & div {
                            border: 1px solid #E4E4E4;
                            padding: 10px;
                        }

                        & div:first-child {
                            width: 100px;
                            min-width: 100px;
                        }

                        & div:not(:first-child) {
                            margin-left: -1px;
                            flex-grow: 1;
                            text-align: center;
                            word-break: break-all;

                            min-width: 100px;
                        }
                    }

                    & div:not(:first-child) {
                        & div {
                            margin-top: -1px;
                        }
                    }
                }

            }

        }

    }

}

.am-modal-transparent {
    .am-modal-content {
        padding-top: 5px;

        .am-modal-header {
            padding: 0 15px 15px 15px;

            .am-modal-title {
                color: #2DB7F5;
            }
        }

        .hrm-id-verify {
            word-break: break-all;

            span {
                color: #2DB7F5;
            }
        }

    }
}

.hrm-no-authority {
    height: 100%;

    div {
        height: 100%;

        .am-icon-lg {
            width: 60px;
            height: 60px;
        }

    }
}

.am-modal-transparent .am-modal-content .am-modal-propmt-content {
    &>div {
        display: flex;
        flex-direction: column-reverse;
    }
}

.am-textarea-item{
    border: 1px solid #ddd
}